﻿<div id="myTab">
    <!-- 导航 -->
    <ul>
        <li class="active">
            <a href="#baseProp" data-toggle="tab">属性</a>
        </li>
        <li>
            <a href="#eventProp" data-toggle="tab">事件</a>
        </li>
    </ul>
    <!-- 内容 -->
    <form class="form-inline" role="form">
        <div id="baseProp">
            <div class="form-group">
                <label for="txtEName">英文名称：</label><input type="text" class="form-control" readonly="readonly" id="txtEName" />
            </div>
            <div class="form-group">
                <label for="txtCName">面板标题：</label><input type="text" class="form-control" id="txtCName" />
            </div>
            <div class="form-group">
                <label for="selClass">选择样式：</label>
                <select id="selClass" class="form-control" style="margin-left:-5px;">
                    <option title="标准样式" value="panel panel-default">default</option>
                    <option title="表示成功的或积极的面板，绿色背景" value="panel panel-success">success</option>
                    <option title="提供额外的视觉效果，亮蓝色背景" value="panel panel-primary">primary</option>
                    <option title="信息警告消息，淡蓝色背景" value="panel panel-info">info</option>
                    <option title="表示应谨慎的面板，橙色背景" value="panel panel-warning">warning</option>
                    <option title="表示一个危险的面板，红色背景" value="panel panel-danger">danger</option>
                </select>
            </div>
        </div>
        <div id="eventProp">
            <div class="form-group">
                <label for="txtClickEvent">单击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtClickEvent" />
                <button type="button" class="btn btn-primary" onclick="btnClickEventConfig();">配置</button>
            </div>
            <div class="form-group">
                <label for="txtDBLClickEvent">双击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtDBLClickEvent" />
                <button type="button" class="btn btn-primary" id="btnDBLClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtEnterEvent">进入：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtEnterEvent" />
                <button type="button" class="btn btn-primary" id="btnEnterEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtBlurEvent">离开：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtBlurEvent" />
                <button type="button" class="btn btn-primary" id="btnBlurEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtKeyUpEvent">按键：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtKeyUpEvent" />
                <button type="button" class="btn btn-primary" id="btnKeyUpEvent">配置</button>
            </div>
        </div>
    </form>
</div>
